﻿<UserControl x:Class="WebTest.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:beetle="clr-namespace:Beetle.Silverlight.Controls;assembly=Beetle.Silverlight" Width="600" Height="500">
    <Grid x:Name="LayoutRoot" Background="White">
        <Border BorderBrush="#FF000000" BorderThickness="5">
            <Canvas Background="#FFEFEFEF">
                <beetle:ArrowLine ArrowSize="50,80"  ArrowVisibility="Visible" ArrowLineThickness="30" StrokeThickness="30"   StartPoint="60,80" EndPoint="500,80">
                    <beetle:ArrowLine.Background>
                        <ImageBrush ImageSource="silverlight.jpg"></ImageBrush>
                    </beetle:ArrowLine.Background>
                </beetle:ArrowLine>
                <beetle:ArrowLine ArrowSize="50,80" Background="#FFCCCCCC"  ArrowVisibility="Visible" ArrowLineThickness="40" StrokeDashArray="0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" StrokeThickness="50" StartPoint="60,220" EndPoint="500,220"></beetle:ArrowLine>
                <beetle:ArrowLine Background="#FF000000" ArrowSize="4,8" ArrowVisibility="Visible" ArrowLineThickness="2" StrokeThickness="2" StartPoint="60,300" EndPoint="500,300"></beetle:ArrowLine>
                <beetle:ArrowLine Background="#FF000000" ArrowSize="4,8" ArrowVisibility="Visible" ArrowLineThickness="2" StrokeThickness="2" StrokeDashArray="2"  StartPoint="60,360" EndPoint="500,360"></beetle:ArrowLine>
                <beetle:ArrowLine x:Name="arrowLine" ArrowSize="2,6"  ArrowLineThickness="5" StrokeThickness="2"  Background="Red" ArrowVisibility="Visible" StartPoint="300,300" EndPoint="50,400"></beetle:ArrowLine>

                <beetle:ArrowArcSegment x:Name="arrowArcSegment" LineSweepDirection="Counterclockwise" LineThickness="2"  IsLargeArc="False" StartPoint="0,0" EndPoint="150,100" ArrowSize="4,8"  Radius="350"  StrokeThickness="2"  Background="Red">
                </beetle:ArrowArcSegment>

                <beetle:ArrowArcSegment LineSweepDirection="Clockwise" LineThickness="2"  IsLargeArc="True" StartPoint="200,200" EndPoint="220,300" ArrowSize="4,8"  Radius="146"  StrokeThickness="2" Background="Blue">

                </beetle:ArrowArcSegment>
            </Canvas>
        </Border>
    </Grid>
</UserControl>
